<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery.js"></script>
    <script src="https://unpkg.com/vue"></script>
     <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <link rel="stylesheet" href="https://cdn.bootcss.com/ionicons/2.0.1/css/ionicons.min.css">
    <title>兑换记录</title>
</head>
<body>
    <!--头部  -->
    <header>
        <i class="ion-chevron-left"  onclick="javascript:history.back();"></i> 
        <h4>兑换记录</h4>
    </header>
    <section id="app">
        <ul>
            <li class="jilu_data" v-for="(k,i) in data_jilu">
                 <div class="you">
                    <!--上-->
                    <div class="you_top">
                         <img :src=k.thumb alt=""> 
                        <section>
                            <h4>{{k.shopname}}</h4>
                            <p>兑换时间：{{k.time}}</p>

                        </section>
                    </div>
                    <!--下-->
                    <div class="you_bot">
                        <h4 class="fa_xinxi">{{k.status}}</h4>
                        <button @click.stop.prevent='address(i)'>{{k.isYNA}}</button>
                    </div>
                </div>
            </li>
        </ul>

        <!--订单页面  -->
         <div class="bor" >
            <div>
                <!-- 地址信息 -->
                <div class="dizhi">
                    <h4>添加收货地址</h4>
                    
                    <form  class="form">

                        <div>
                            <label>姓名：</label>
                            <input type="text" v-model='jilu_deta.dingName' name='name'>
                        </div>

                        <div>
                            <label>联系电话：</label>
                            <input type="text" v-model='jilu_deta.dingIphone' name='dingIphone'>
                        </div>
                        <div>
                            <label>邮政编码：</label>
                            <input type="text" v-model="jilu_deta.dingBian" name='dingBian'>
                        </div>
                        <div>
                            <label>所在地区：</label>
                            <input type="text" v-model='jilu_deta.dingDi' name='dingDi'>
                        </div>
                        <div>
                            <label>详细地址：</label>
                            <input type="text" v-model='jilu_deta.dingXiang' name='dingXiang'>
                        </div>
                        <button @click.stop.prevent='save'>保存</button>
                    </form>
                </div>
            </div>
        </div>

    </section>
    
</body>
<script src="js/shuju.js"></script>  

</html>